@import 'utils/scss_variables.module.scss';

.findings-table-wrapper {
    .findings-actions-wrapper {
        display: flex;
        justify-content: space-between;

        :last-child {
            margin-left: auto;
        }
    }

    .table {
        .table-head {
            font-weight: bold;
            font-size: 9px;
            text-transform: uppercase;
            color: $color-main;

            .table-tr {
                border-bottom: 1px solid $color-main;
            }
        }

        .table-body {
            font-size: 11px;
            .table-tr {
                min-height: 60px;
                border-left: 1px solid $color-grey-lighter;
                &.expanded {
                    background-color: $color-blue-light;
                }
                .table-td:not(:first-of-type) {
                        border-right: 1px solid $color-grey-lighter;
                }
            }
            .table-tr.inner-row {
                background-color: $color-grey-off-white;
            }
            .vulnerability-item {
                display: flex;
                align-items: center;

                .risk-text {
                    margin-left: 9px;
                }

                .round-icon-container {
                    width: 20px;
                    height: 20px;
                    min-width: 20px;
                    min-height: 20px;
                }

                .critical {
                    color: $color-error-dark;
                }
                .high {
                    color: $color-error;
                }
                .medium {
                    color: $color-warning-dark;
                }
                .low {
                    color: $color-warning;
                }
                .info {
                    color: $color-risk-unknown;
                }
            }
        }
    }

    .findings-inner-table {
        display: flex;
        margin-top: 2px;
        margin-left: 45px;
        .findings-inner-table-title {
            color: $color-main;
            font-weight: bold;
            margin-right: 70px;
        }

        pre {
            margin-top: unset;
            white-space: pre-wrap
        }
    }

}
